@charset "utf-8";



/*body公用*/

/* ------------------------------------------------- 

 * 公用样式表 

 * ------------------------------------------------- 

*/  

body{font-family:"微软雅黑","宋体"; font-size:14px; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; line-height:inherit; color: rgba(255, 255, 255, 0.8); color: #000;   background: rgba(255, 255, 255, 1); 

text-align:justify; -webkit-text-size-adjust:none; height:auto; 

-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/

-moz-osx-font-smoothing: grayscale;/*firefox*/}

/** 定义HTML body **/



a {color:#000;transition:400ms ease all;}

a:focus {color: #000;outline: none; text-decoration: none;}

a:hover {color: #000;outline: none;text-decoration: none;transition:400ms ease all;}



/*========== 翻页公用 ==========*/

.met_pager{margin-top:30px;text-align:center;}

.met_pager *{display:inline-block;}

.met_pager a,

.met_pager .PreSpan,

.met_pager .NextSpan{padding:9px 15px;border:1px solid #fff; background-color:#004925;}

.met_pager a{border-right:none;color:#fff;text-decoration:none;}

.met_pager a:active,

.met_pager a:focus,

.met_pager a:hover{text-decoration:none;}

.met_pager a:hover{background:#000; color: #fff;}

.met_pager a.NextA{border-right:1px solid #fff;}

.met_pager a.Ahover{border-color:#fff;background:#000;color:#fff;}

.met_pager .PreSpan,

.met_pager .NextSpan{color:#ccd5db;cursor:default;}

.met_pager input,

.met_pager .PageText{display:none;}

/*========== 翻页公用 ==========*/





/*统一色  #004925 */

/*======================== 顶部 ============================*/

/* Sticky Header Style */

/* ---------------------------------------- */

.bo-row{width: 100%;}

.bo-container {width: 100%;  padding: 0px 0px 0px 0px; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;}

.bo-container:after, .bo-container:before {content: " ";display: table;}

.bo-container:after {clear: both;}

.bo-container-fluid{width: 100%;max-width: 100%; padding: 0px 0px 0px 0px; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;}

@media (min-width:768px){.bo-container{width:750px}}

@media (min-width:992px){.bo-container{width:970px}}

@media (min-width:1200px){.bo-container{width:1170px}}



/** 定义 row container b  **/

[class*=lg-] {width: 100%;padding-left: 0rem;padding-right: 0rem;float: left;position: relative;display: inline-block;}

[class*=lg-]+[class*=lg-]:last-child {float: right;}

[class*=lg-]+[class*=lg-].lg-end {float: left;}



@media only screen and (max-width:1200px) {

/** [class*=lg-] {padding-left: 0.5rem;padding-right: 0.5rem;}**/

}

@media only screen and (max-width:768px) {

/** [class*=lg-] {padding-left: 0.2rem;padding-right: 0.2rem;}**/

}



/* 大屏幕 -md-*/

[class*=lg-pull-] {left: auto}

[class*=lg-push-] {right: auto}

.lg-1 {width: 8.33333333%}

.lg-2 {width: 16.66666667%}

.lg-3 {width: 25%}

.lg-4 {width: 33.33333333%;}

.lg-5 {width: 41.66666667%}

.lg-6 {width: 50%}

.lg-7 {width: 58.33333333%}

.lg-8 {width: 66.66666667%}

.lg-9 {width: 75%}

.lg-10 {width: 83.33333333%}

.lg-11 {width: 91.66666667%}

.lg-12 {width: 100%}



/* 中屏幕 -md-*/

@media (max-width: 1025px) {

.md-1 {width: 8.33333333%}

.md-2 {width: 16.66666667%}

.md-3 {width: 25%}

.md-4 {width: 33.33333333%;}

.md-5 {width: 41.66666667%}

.md-6 {width: 50%}

.md-7 {width: 58.33333333%}

.md-8 {width: 66.66666667%}

.md-9 {width: 75%}

.md-10 {width: 83.33333333%}

.md-11 {width: 91.66666667%}

.md-12 {width: 100%}

.hidden-md {display: none; }

}



/* 小屏幕 -sm-*/

@media only screen and (max-width:768px) {

.sm-1 {width: 8.33333333%}

.sm-2 {width: 16.66666667%}

.sm-3 {width: 25%}

.sm-4 {width: 33.33333333%}

.sm-5 {width: 41.66666667%}

.sm-6 {width: 50%}

.sm-7 {width: 58.33333333%}

.sm-8 {width: 66.66666667%}

.sm-9 {width: 75%}

.sm-10 {width: 83.33333333%}

.sm-11 {width: 91.66666667%}

.sm-12 {width: 100%}

.hidden-sm {display: none; }

}











.top_box{ position: relative; height: 140px;}

.logo{float: left; padding-top: 30px;}

.tel{position: absolute; right: 0px; bottom: 25px; text-align: right; font-size: 24px; line-height: 32px; font-weight: 500; }

.top_server{ position: absolute; width: 250px; text-align: center; height: 26px; line-height: 26px; top: 0px; right: 0px; background: #c00000; color: #fff;}

.top_server img{width: 18px;}

.top_server a{color: #fff;}



.menu{ width: 100%; height: 60px; border-top: 1px solid #e5e5e5; font-size: 16px;}

.menu_box{width:1170px; margin: 0px auto;}

.menu_l{float: left; width: 250px; line-height: 59px; background: #f2f2f2; text-align: center;}



.banner_wenzi{ position: absolute; z-index: 9; width:250px; padding: 0px 0px; height: 500px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}

.banner_wenzisj{ display: none; z-index: 9; width:100%; padding: 0px 0px;background: rgba(0,0,0,.8); color: #fff; font-size: 14px; text-align: left;}

.ban_wz1{ line-height: 26px;}

.ban_wz1 a{display: block; padding: 15px 30px; height: 83.33333px;}

.ban_wz1 a:hover{display: block; background: #000;}

.ban_wz1 a b{ font-size: 16px; color: #fff; display: block; font-weight: 400;}

.ban_wz1 a span{ font-size: 14px; color: #9f9fa1; display: block;}



/* header */



#menu {width: 900px; float: left;position: relative; z-index: 999;}

#menu, #menu ul {margin: 0;padding: 0;list-style: none;}

#menu:before, #menu:after {content: "";display: table;}

#menu:after {clear: both;}

#menu {zoom: 1;}

#menu li {float: left; width: 11%; position: relative;}

#menu a {float: left; padding:0px; font-size: 16px; color: #000;  line-height: 57px; display: block; width: 100%; text-align: center;text-transform: uppercase; }

#menu a i{position: absolute; top: 28px; margin-left: 5px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #444;}

#menu a:hover {color:#c00000; border-bottom: 2px solid #c00000;}

#menu li:hover > a {color:#c00000; border-bottom: 2px solid #c00000;}



#menu ul {margin: 0px 0 0 0;_margin: 0;opacity: 0;visibility: hidden;position: absolute;top: 59px;left: 0;z-index: 1;background:rgba(255, 255, 255, 0.8);

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 10px  rgba(0,0,0,.4);

}

#menu li:hover > ul {opacity: 1;visibility: visible;margin: 0;}

#menu ul ul {top: 0;left: 280px;margin: 0 0 0 20px;_margin: 0;}

#menu ul li {float: none;display: block;border: 0; width: 280px;}

#menu ul li:last-child {}

#menu ul a {padding: 0px 10px 0px 30px;width: 280px; font-size: 15px; height: 40px; line-height: 40px; text-align: left; _height: 10px;display: block;white-space: nowrap;float: none;text-transform: none;}



#menu ul a:hover {background:rgba(0, 0, 0, 0.8); color: #fff;}

#menu li ul li:hover  > a {background:rgba(0, 0, 0, 0.8); color: #fff;}



#menu ul li:first-child > a {}

#menu ul li:first-child > a:after {}

#menu ul ul li:first-child a:after {content: '';position: absolute;left: -5px;top: 50%;margin-top: -6px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid #fff;}

#menu ul li:first-child a:hover:after {}

#menu ul ul li:first-child a:hover:after {}

#menu ul li:last-child > a {}

#menu li ul li ul.menu3jt li a{padding: 0px 10px 0px 15px;width: 50%; float: left;}



/* Mobile */

#menu-trigger {display: none;}

@media screen and (max-width: 600px) {

	



	/* nav-wrap */

	#menu-wrap {

		position: relative;

	}

	#menu-wrap * {

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	/* menu icon */

	#menu-trigger {

		display: block; float: right;

		width: 100%;

		height: 40px;

		line-height: 40px;

		cursor: pointer;

		padding: 0 0 0 15px;

		border: 1px solid #222;

		color: #fff;

		font-weight: bold;

		background-color: #111;



	}

	/* main nav */

	#menu {

		margin: 0;

		padding: 10px;

		padding-bottom: 50px;

		position: absolute;

		top: 40px;

		width: 100%;

		z-index: 1;

		background-color: #000;

		display: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu:after {

		content: '';

		position: absolute;

		left: 25px;

		top: -8px;

		border-left: 8px solid transparent;

		border-right: 8px solid transparent;

		border-bottom: 8px solid #444;

	}

	#menu ul {

		position: static;

		visibility: visible;

		opacity: 1;

		margin: 0;

		background: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu ul ul {

		margin: 0 0 0 20px !important;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

	}

	#menu li {

		position: static;

		display: block;

		float: none;

		border: 0;

		margin: 0px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

		width: 100%;

		border-bottom: 1px solid #999;

		

		

	}

	#menu ul li {

		margin-left: 0px;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;

		width: 100%;

	}

	#menu a {

		display: block;

		float: none;

		padding: 0;

		color: #fff;

		text-align: left;

		line-height: 40px;

	}

	#menu a:hover {

		color: #fafafa;

	}

	#menu ul a {

		padding: 0;

		width: auto;

	}

	#menu ul a:hover {

		background: none;

	}

	#menu ul li:first-child a:after, #menu ul ul li:first-child a:after {

		border: 0;

	}

	

	#menu li ul.menu2jt{width: 100%;  padding-bottom:20px;}

	#menu li ul.menu2jt li{width: 50%; float: left; margin: 0px; height: 30px; line-height: 30px;}

	#menu li ul.menu2jt li a{padding: 0px 10px 0px 0px;width: 100%; float: left; font-size: 12px; color: #999;}

	

	#menu li ul li ul.menu3jt{width: 100%;  padding-bottom: 10px;}

	#menu li ul li ul.menu3jt li{width: 50%; float: left; margin: 0px; height: 30px; line-height: 30px;}

	#menu li ul li ul.menu3jt li a{padding: 0px 10px 0px 0px;width: 100%; float: left; font-size: 12px; color: #999;}

	#menu a i{position: absolute; display: none; top: 28px; margin-left: 5px;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #444;}

}

@media screen and (min-width: 600px) {

	#menu {

		display: block !important;

	}

}

/* iPad */

.no-transition {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

	opacity: 1;

	visibility: visible;

	display: none;

}

#menu li:hover > .no-transition {

	display: block;

}





.search{ float: right; width: 270px; padding-top: 12px;}

.search input{float: left; width:200px;height:20px;font-size:14px;line-height:20px;color:#333;padding:15px 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;outline:none; border: 2px solid #c00000;}

.search .search-btn{ float: left; margin-left:0px; text-align: center; cursor:pointer;color:#FFF;background-color:#c00000;width:70px;height:34px;line-height:30px;font-size:14px;}

.search .search-btn:hover{text-decoration:none}





.apple-banner {width: 100%;height: 500px;overflow: hidden; text-align: center; position: relative;}

.apple-banner .swiper-container {width: 100%;height: 500px}

.swiper-button-prev, .swiper-button-next {width: 15%;height: 100%;background: 0 0}

.swiper-button-prev {left: 0}

.swiper-button-next {right: 0}

.swiper-button-prev span, .swiper-button-next span {display: block;width: 64px;height: 64px;position: absolute;left: 20px;top: 0%;margin-top: 0px;border-radius: 100%;

	background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center 17px;

opacity: 0.5;-webkit-transition: opacity .5s ease;transition: opacity .5s ease}

.swiper-button-next span {background: rgba(180,180,180,.25) url(../img/arrows.png) no-repeat center -71px;left: auto;right: 20px}



.swiper-button-prev:hover span, .swiper-button-next:hover span {opacity: 1}

.apple-banner .swiper-pagination {top: auto;bottom: 0px;background: 0 0; left: 45%;}

.apple-banner .swiper-pagination-bullet {display: inline-block;width: 50px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}

.apple-banner .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(192,0,0,.2)}

.apple-banner .swiper-pagination-bullet-active span {background: red}

.apple-banner .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);

}

.apple-banner .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}

.apple-banner .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}

.apple-banner .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}

.apple-banner .autoplay .replace span {background: rgba(192,0,0,.2);}

.slide1 {}

.slide2 {}

.slide3 {}



.apple-bannerpag {width: 100%;height: 500px;overflow: hidden; text-align: center; position: relative;

 -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}

.apple-bannerpag .swiper-container {width: 100%;height: 500px}







.in_tuijian{ -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}

.in_tuijian_box{padding: 35px 0px;}

.wrapper{ width: 25%; padding-left: 7%; float: left; color:#777475; text-align: center; position: relative; border-right: 1px solid #ccc;}

.wrapper:nth-child(4){ border: 0;}

.timer{ font-size: 42px; float: left;}

.timex{ float: left; padding-left: 10px;}

.timey{ clear: both; text-align: left; padding-top: 5px;}

/*========== banner下时间 ==========*/



.index_tit{ height: 60px;}

.index_tit h5{ display:inline-block; font-size: 28px; height: 26px; line-height: 26px; font-weight:400; border-left: 4px solid #000; padding-left: 10px; margin-top: 10px;}

.index_tit span{ display: inline-block;font-size: 16px; line-height: 20px; height: 20px; padding-left: 10px; text-transform:uppercase; color: #999;margin-top: 10px;}

.index_tit_r{float: right; text-align: right;}

.index_tit_r b{ display: block; font-size: 20px;font-weight: 700;}

.index_tit_r em{display: block; font-size: 16px; }

.index_tit_b{ border-bottom:1px solid #ccc;}

/*========== 首页标题 ==========*/





.index_case{ padding: 40px 0px 10px 0px;}

.index_case_box{ padding-top: 10px;}

.index_ca_1{ width:31%; margin-right: 3.5%; float: left; overflow: hidden; margin-bottom: 30px;}

.index_ca_1:nth-child(3){ margin-right: 0%;}

.index_ca_1:nth-child(6){ margin-right: 0%;}



a.index_ca_1a{ display: block; position: relative;}

a.index_ca_1a .index_ca_1ah{position: absolute; width: 100%; height: 100%; color: #fff; padding: 20px; z-index: 9; opacity: 0; background: rgba(0,0,0,.7); transition:400ms ease all;}

a:hover.index_ca_1a .index_ca_1ah{position: absolute; z-index: 9; opacity:1;}

.index_ca_1ah1{ font-size: 22px;}

.index_ca_1ah2{ padding-top: 20px; line-height: 24px;}

.index_ca_1ah3{padding-top: 20px; line-height: 24px;}

.index_ca_1ah4{margin-top: 20px; background: #000; padding: 5px 5px; width: 130px;}



a.index_ca_1a1{ display: block; padding: 10px 0px;}

a.index_ca_1a1 span{ display: block; font-size: 18px; text-transform:uppercase; }

a.index_ca_1a1 b{ display: block; font-size: 22px; font-weight: 400; padding-bottom: 7px; border-bottom: 1px solid #ccc;}

a.index_ca_1a1 .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }

a:hover.index_ca_1a1 .ca_more{ background: #c00000;}

a:hover.index_ca_1a1 span{ color: #c00000; }

a:hover.index_ca_1a1 b{  color: #c00000;}



.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd img{ width:100%; height:auto; }

/*========== index_case ==========*/





.index_zxcase{ border-top: 1px solid #000;  padding: 30px 0px;}

.index_zxcase_box{width: 100%; padding-top: 10px;}

.in_zxca_b1{width:23%; margin-right: 2.7%; float: left; margin-bottom: 30px;

-moz-box-shadow:3px 5px 20px  rgba(0,0,0,.3); -webkit-box-shadow:3px 5px 20px  rgba(0,0,0,.3);box-shadow:3px 5px 20px  rgba(0,0,0,.3);}

.in_zxca_b1:nth-child(3){margin-right:0%;}

.in_zxca_b1:nth-child(4){margin-right:0%; float:right;}

.in_zxca_b1:nth-child(7){margin-right:0%;}

.in_zxca_b1:nth-child(8){margin-right:0%; float:right;}



.in_zxca_b1 a .img{display: block; width: 100%; overflow: hidden;}

.in_zxca_b1 a .img img{width: 100%;transition: all 0.3s ease 0s; z-index: 1;}

.in_zxca_b1 a:hover img{transform: scale(1.1);z-index: 1;}



.in_zxca_b1 a .in_zxca_b1_1{padding: 10px 15px; background: #fff; z-index: 9; position: relative;}

.in_zxca_b1 a .in_zxca_b1_1b{ display: block; font-size: 16px; height: 30px; line-height: 30px; font-weight: 400; overflow: hidden; border-bottom: 1px dotted #ccc;}

.in_zxca_b1 a .in_zxca_b1_1s{display: block; margin: 10px 0px; color: #666; font-size: 13px; line-height: 20px; height: 60px; overflow: hidden;}

.in_zxca_b1 a .in_zxca_b2{ background: rgba(0,0,0,.4); color:#fff; padding: 7px 10px;}

.in_zxca_b1 a .in_zxca_b2 img{width: 16px;}

.in_zxca_b1 a .in_zxca_b2r{float: right;}



.in_zxca_b1 a:hover .in_zxca_b1_1{background: rgba(0,0,0,.05);}

.in_zxca_b1 a:hover .in_zxca_b2{ background: rgba(0,0,0,.8); }

/*========== index_zxcase ==========*/





.shigong_box{ height: 660px;padding: 40px 0px;}





/* 本例子css */

.slideTxtBox{ width:100%; text-align:left; margin-top: 20px;  }

.slideTxtBox .hd{ height:150px; padding:0 0px 0 0px; position:relative; }

.slideTxtBox .hd ul{ float:left;height:150px; position:absolute; left:0px; top:0px; width:100%;   }

.slideTxtBox .hd ul li{display: block; width: 19%; margin:0px 1.2% 0px 0px;  height:150px; float:left; text-align: center; padding:0px; background: rgba(255,255,255,.8); cursor:pointer; transition: all 0.3s ease 0s; 

	-moz-box-shadow:0px 0px 20px  rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 20px  rgba(0,0,0,.3);box-shadow:0px 0px 20px  rgba(0,0,0,.3);}

.slideTxtBox .hd ul li:nth-child(5){margin-right:0%; float:right;}



.slideTxtBox .hd ul li.sbg1{ padding-top: 100px; font-size: 18px; background:url(../images/sbg1h.png) no-repeat center 25px;}

.slideTxtBox .hd ul li.sbg2{ padding-top: 100px; font-size: 18px; background:url(../images/sbg2h.png) no-repeat center 25px;}

.slideTxtBox .hd ul li.sbg3{ padding-top: 100px; font-size: 18px; background:url(../images/sbg3h.png) no-repeat center 25px;}

.slideTxtBox .hd ul li.sbg4{ padding-top: 100px; font-size: 18px; background:url(../images/sbg4h.png) no-repeat center 25px;}

.slideTxtBox .hd ul li.sbg5{ padding-top: 100px; font-size: 18px; background:url(../images/sbg5h.png) no-repeat center 25px;}



.slideTxtBox .hd ul li.on{ height:150px; color: #fff;  }

.slideTxtBox .hd ul li.on.sbg1{ padding-top: 100px; font-size: 18px; background:url(../images/sbg1a.png) no-repeat center 25px  rgba(0,0,0,.8);;}

.slideTxtBox .hd ul li.on.sbg2{ padding-top: 100px; font-size: 18px; background:url(../images/sbg2a.png) no-repeat center 25px  rgba(0,0,0,.8);;}

.slideTxtBox .hd ul li.on.sbg3{ padding-top: 100px; font-size: 18px; background:url(../images/sbg3a.png) no-repeat center 25px  rgba(0,0,0,.8);;}

.slideTxtBox .hd ul li.on.sbg4{ padding-top: 100px; font-size: 18px; background:url(../images/sbg4a.png) no-repeat center 25px  rgba(0,0,0,.8);;}

.slideTxtBox .hd ul li.on.sbg5{ padding-top: 100px; font-size: 18px; background:url(../images/sbg5a.png) no-repeat center 25px  rgba(0,0,0,.8);;}



.slideTxtBox .bd ul{ padding:0px;  zoom:1; background: rgba(0,0,0,.8); display: block; color: #fff; }

.slideTxtBox .bd li{ width: 31%; margin: 1.5% 1%; float: left;}

.slideTxtBox .bd li a{display: block; color: #fff;}

.slideTxtBox .bd li a img{width: 100%;}

.slideTxtBox .bd li a span{ display: block; padding: 10px 0px 0px 0px;}













.index_about{padding: 40px 0px 0px 0px;}

.index_about_kh{}

.index_about_kh ul{ display: block; width: 100%; position: relative;}

.index_about_kh ul li{ float: left; display: flex; width: 14.2222%; padding: 0px 10px; text-align: center;}

.index_about_kh ul li img{ width: 100%;}



.index_about_kh1{ float: left; width: 56.88888%; heigh:auto; padding: 30px 10px 0px 10px; text-align: center; background: rgba(255,255,255,.9); }

.in_ab_kh1_1{ color: #c00000; font-size: 36px; padding-bottom: 14px;}

.in_ab_kh1_1_1{ color: #c00000; font-size: 36px; padding-bottom: 30px;}

.in_ab_kh1_2{border-radius:50%; float: left; width:330px; height: 330px; line-height:330px; font-size: 90px; color: #c00000; border: 3px solid #c00000;}

.in_ab_kh1_21{ margin-left: -30px;}





.in_abou_box{ text-align: center; padding: 70px 0px 0px 0px;}

.in_abou_box h5{ font-size: 36px; color: #c00000;}

.in_abou_box_1{ padding-top: 30px; font-size: 18px; line-height: 35px; color: #333; padding-bottom: 70px;}



.in_pj_box{padding: 20px 0 20px 0 ;}

.in_pj_box_1{width: 100%; height: 180px; overflow: hidden; text-align: left; margin: 20px auto; background: rgba(255,255,255,1);}

.in_pj_box_1b{width: 90%; height: 120px; overflow: hidden; text-align: left; margin: 20px auto; background: rgba(255,255,255,1);  color: #fff;

-moz-box-shadow:3px 5px 10px  rgba(0,0,0,.4); -webkit-box-shadow:3px 5px 10px  rgba(0,0,0,.4);box-shadow:3px 5px 20px  rgba(0,0,0,.2);}

.in_pj_box_1 img{ width: 155px; height: 120px; float: left;}

.in_pj_box_2{ color: #333; padding: 15px 20px 10px 175px;}

.in_pj_box_3{ font-size: 16px; font-weight: 600;}

.in_pj_box_4{ height: 60px; line-height: 20px; overflow: hidden; margin-top: 8px; color: #666;}





.in_pj_box .swiper-button-prev,.in_pj_box .swiper-button-next {width:30px;height:30px; background: #000;}

.in_pj_box .swiper-button-prev {left: 0px}

.in_pj_box .swiper-button-next {right: 0}



.in_pj_box .swiper-button-prev i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}

.in_pj_box .swiper-button-next i{ width: 16px; height: 16px; display: block; margin: 4px auto 0px auto;}



.in_pj_box .swiper-pagination {top: auto;bottom: 30px;background: 0 0; left: 45%;}

.in_pj_box .swiper-pagination-bullet {display: inline-block;width: 20px;height: 15px;margin: 0 3px;cursor: pointer;background: 0 0;border-radius: 0;opacity: 1}

.in_pj_box .swiper-pagination-bullet span {width: 20px;height: 2px;display: block;background: rgba(192,0,0,.2)}

.in_pj_box .swiper-pagination-bullet-active span {background: red}

.in_pj_box .autoplay .swiper-pagination-bullet-active span {background: rgba(192,0,0,.2);

}

.in_pj_box .swiper-pagination-bullet i {background: rgba(192,0,0,1);height: 2px;transform: scaleX(0);transform-origin: 0;display: block}

.in_pj_box .autoplay .firsrCurrent i {transition: transform 2.9s linear;transform: scaleX(1)}

.in_pj_box .autoplay .current i {transition: transform 4s linear;transform: scaleX(1)}

.in_pj_box .autoplay .replace span {background: rgba(192,0,0,.2);}





.in_pj_box1 .swiper-button-prev,.in_pj_box1 .swiper-button-next {width:90px;height:90px; background: rgba(0,0,0,0.7);}

.in_pj_box1 .swiper-button-prev {left: 0px}

.in_pj_box1 .swiper-button-next {right: 0}



.in_pj_box1 .swiper-button-prev i{ width: 80px; height: 80px; display: block; margin: 5px auto 0px auto;}

.in_pj_box1 .swiper-button-next i{ width: 80px; height: 80px; display: block; margin: 5px auto 0px auto;}









.index_news{padding: 40px 0px;}



.new_lst_cn{ padding-top: 20px;}

.new-wrap {margin-top: 30px;}

.new-wrap .show {display: block;}

.new_cnlf {width: 30%;float: left;}

.new_cnlf img{width: 100%;}

.newlf_tel a {color: #c00000;font-size: 18px;line-height: 30px; height: 30px; margin: 8px 0px; text-align: center;display: block; overflow: hidden;}

.newlf_tel a:hover {color: #C33}

.newlf_tx {font-size: 14px;line-height: 26px;color: #999;height:53px;overflow: hidden;}



.new_cnrf {float: right;width: 68%;}

.newrf_lst dd {width: 48%;height: 85px; margin:0px 1% 10px 1%; border: 1px solid #e4e4e4;float: left; }

.new_rq {width: 65px;height: 65px;background: #969393;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;}

.new_rq .span {display: block;text-align: center;font-weight: bold;padding-top: 5px;}



.new_rq .span .d1{ font-size: 18px;display: block;}

.new_rq .span .d2{ font-size: 13px;font-weight: 400; }

.new_rq .span .d3{ font-size: 13px; font-weight: 400; }



.newrf_tx {float: left;width: 270px;margin-top: 8px;}

.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px; height: 30px; overflow: hidden;}

.newrf_tx .span {display: block;font-size: 12px;color: #999;height: 40px; line-height: 20px; overflow: hidden;}

.newrf_lst dd:hover {border: 2px solid #c00000;box-shadow: 0px 0px 15px rgba(192, 0, 0, .27);}

.newrf_lst dd:hover .newrf_tx a {color: #c00000;}

.newrf_lst dd:hover .new_rq {background: #c00000;margin-top: 9px;margin-left: 9px;}

.newrf_lst dd:hover .newrf_tx {margin-top: 7px;}

.mr0 {margin-right: 0px;}





.index_map{width: 100%; height: 500px;}

.index_mapsj{width: 100%; height: 400px; display: none;}



.foot{color: #fff; padding: 50px 0px; width: 100%;}

.foot a{color: #fff;}

.foot a:hover{color: #c00000;}



.foot_l{ float: left; width: 30%;}

.foot_limg{width: 50%; float: left; padding: 0px 40px 0px 0px;}

.foot_limg img{width: 100%;}

.foot_limg span{display: block; padding-top: 10px; text-align: center;}

.yqlj{padding-top: 40px; color: #919191;}

.yqlj a{padding-right: 20px; color: #919191;}



.foot_r{ float: right; width: 67%; border-left: 1px solid #ccc; padding-left: 5%;}

.foot_r_a{}

.foot_r_a a{ display: inline-block; padding-right: 50px; font-size: 16px;}

.foot_r_tel{ padding:25px 0px 25px 0px;}

.foot_r_tel span{display: inline-block; padding-right: 50px; font-size: 36px; font-weight: bold;}

.foot_r_tel span img{ width: 36px; float: left; margin: 7px 10px 0px 0px;}

.foot_b{}

.foot_b1{color: #868686;}



.nav-fixed { display: none;}







.pag_box{ padding: 50px 0px; min-height: 800px;}

.pag_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}



.pag_nav{ width: 100%; padding: 20px 0px; border-bottom: 1px solid #ccc;}

.pag_nav a{ display: block; float: left; font-size: 16px; line-height: 35px; width: 14.2%; text-align: center; color: #898989;}

.pag_nav a:hover{color:#c00000; font-weight: bold;}

.pag_nav a.dq{color:#c00000; font-weight: bold;}



.pag_navx{ width: 100%; padding: 0px 0px 20px 0px;}

.pag_navx a{ display: block; float: left; font-size: 16px; font-weight: bold;  border-bottom: 1px dotted #ccc; line-height: 35px; width: 100%; text-align: left; color: #898989;}

.pag_navx a:hover{color:#c00000; font-weight: bold;}

.pag_navx a.dq{color:#c00000; font-weight: bold;}



.case_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.case_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}

.case_boxm ul li{width: 31.33333%; margin: 1% 1%; float: left; position: relative; overflow: hidden;}

.case_boxm ul li a{display: block;}

.case_boxm ul li a .case_boxm1{ width: 100%; height: 100%; padding: 30px 20px; color: #fff; background: rgba(0,0,0,.7); position: absolute; left: 0px; top: 0px; z-index: 9; opacity: 0;transition:400ms ease all;}

.case_boxm ul li a .case_boxm1 h5{font-size: 20px;}

.case_boxm ul li a .case_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999; color: #ccc;}

.case_boxm ul li a:hover .case_boxm1{ opacity: 1;}

.case_boxm ul li a img{width: 100%;transition:400ms ease all;}

.case_boxm ul li a:hover img{width: 100%; transform: scale(1.1);}



.pag_more{ padding: 30px 0px; margin-bottom: 20px; text-align: center; font-size: 26px; border-bottom:1px solid #ccc}

.pag_more a{color: #000;}

.pag_more a:hover{color: #c00000;}



.qita_case{padding: 30px 0px;}









.case_info{width: 100%;padding: 20px 0px 20px 0px; overflow: hidden; position: relative;}



.case_info_box_1{width: 100%;}

.case_info_box_1 img{width: 100%;}



.case_info_m{margin: 30px 0px; padding: 40px 0px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.case_info_m_l{ width: 50%; float: left; padding-right: 30px;}

.case_info_m_r{width: 50%; float: left; padding-left: 30px;}

.case_info_m1{font-size: 26px;}

.case_info_m2{font-size: 14px; padding-top: 15px; line-height: 26px;}







.case_info_m2{margin: 30px 0px; padding: 0px 0px 10px 0px; }

.case_info_m_ll{width: 20%; float: left; padding-right: 30px;}

.case_info_m_rr{width: 75%; float: right; padding-left: 0px; text-align: left;}



.case_info_m3{margin: 0px 0px 30px 0px;float: right; padding: 10px 0px 30px 0px; position: relative; width:75%; overflow: hidden; border-top: 1px solid #ccc;}

.case_info_m3 img{width: auto; max-width: 100%;}



.fl_l{ float: left; width: 220px; overflow: hidden; }



.fl_l_04{ font-size: 26px; line-height: 40px; padding-bottom: 10px; color: #000;}

.fl_l_08{}

.fl_l_08 a{ background: #000; color: #fff; width: 100%; line-height: 35px; text-align: center; float: left; margin: 6px 0% 6px 0;}

.fl_l_08 a:hover{ color: #c00000;}







.server_info{width: 100%;padding: 20px 0px 40px 0px; overflow: hidden;}











.server_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.server_boxm ul {}

.server_boxm ul li{width: 31%; margin: 0px  3.5% 30px 0px; float: left; position: relative; overflow: hidden;}

.server_boxm ul li:nth-child(3){ margin-right: 0%;}

.server_boxm ul li:nth-child(6){ margin-right: 0%;}

.server_boxm ul li:nth-child(9){ margin-right: 0%;}

.server_boxm ul li:nth-child(12){ margin-right: 0%;}

.server_boxm ul li a{display: block;}

.server_boxm ul li a .server_boxm1{ width: 100%; height: 100%; padding: 10px 10px; color: #000;  transition:400ms ease all;}

.server_boxm ul li a .server_boxm1 h5{font-size: 20px;}

.server_boxm ul li a .server_boxm2{padding-top: 10px; margin-top: 15px; border-top: 1px dotted #999;}

.server_boxm ul li a:hover .server_boxm1{ opacity: 1;background: rgba(0,0,0,1);color: #fff; }

.server_boxm ul li a img{width: 100%;transition:400ms ease all;}

.server_boxm ul li a:hover img{width: 100%; }







.news_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.news_boxm ul {-moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1); -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);box-shadow:0px 10px 20px  rgba(0,0,0,.1);}

.news_boxm ul li{ position: relative; height:auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom:  1px solid #999;}

.news_boxm ul li a{display: block;}

.news_imgl{ position: absolute; width: 300px;}

.news_imgl img{width:100%;}

.news_boxr{  padding-left: 340px;}



.news_boxr h5{font-size: 20px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 5px;}

.news_boxr2{ padding-top: 15px; border-top: 1px dotted #ccc; font-size: 14px; line-height: 22px; height: 103px; overflow: hidden; color: #666;}

.news_boxm ul li a .ca_more{ width:140px;margin-top: 10px; padding: 3px 10px; background: #000; color: #fff; }

.news_boxm ul li a:hover .ca_more{ background: #c00000;}

.news_data{ margin-bottom: 10px; color: #999;} 



.news_info{width: 100%;padding: 20px 0px 40px 0px; font-size: 14px;  line-height: 26px; color: #666; overflow: hidden;}

.news_info_tit{font-size: 18px; padding-bottom: 5px; color: #000;}

.news_info_tit1{font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; color: #999; border-bottom: 1px dotted #999;}



.ser_boxm{width: 100%;padding: 30px 0px; overflow: hidden;}

.ser_boxm_x{width: 100%;}

.ser_boxm_x1{ font-size: 30px; line-height: 60px;}

.ser_boxm_x2{ font-size: 30px;}

.ser_boxm_x3{ font-size: 16px; line-height: 26px; padding-top: 25px; color: #666;}

.ser_boxm_x4{ padding: 20px 0px;}



.ser_boxm_x5{ font-size: 30px; line-height: 60px; border-top: 1px solid #666; margin-top: 30px; padding-top: 20px;}













.about_01{ font-size: 36px; line-height: 60px;}

.about_02{ font-size: 36px; line-height: 60px; color: #000;}

.about_03{ font-size: 16px; line-height: 26px; padding: 15px 0px 25px 0px; color: #666;}



.about_04{ font-size: 26px; line-height: 40px; padding-top: 20px; color: #000;}

.about_05{ font-size: 16px; line-height: 30px; padding: 25px 0px; color: #666;}



.about_055{ font-size: 16px; line-height: 35px; padding: 25px 0px; color: #000;}



.about_06{width: 100%;height: 1px; margin: 30px 0px; border-bottom: 1px solid #999;}

.about_66{width: 100%;height: 1px; margin: 20px 0px 10px 0px; border-bottom: 1px solid #ccc;}

.about_07{ font-size: 16px; line-height: 30px; padding: 5px 0px; color: #666;}



.about_08{}

.about_08 a{ background: #000; color: #fff; width: 15.666666%; line-height: 35px; text-align: center; float: left; margin: 10px 1% 10px 0;}

.about_08 a:hover{ color: #c00000;}



.about_09{ padding: 20px 0px;}

.about_091{float: left; width:33.333333%; padding: 0px 10px;}

.about_091 span{display: block; background: #000; color: #fff; text-align: center; line-height: 40px;}

.about_091 img{width: 100%;}



















@media (max-width:1200px){



}

@media (max-width:992px){



}

@media (max-width:767px){



}

@media (max-width:767px) and (orientation:landscape){



}

@media (max-width:767px) and (orientation:portrait){ 

	

}

@media (max-width:479px){



}





.nomore{width: 100%;overflow: hidden;text-align: center;margin: 10px 0px;font-size: 24px;color: #c00000;line-height: 60px;}